body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "Microsoft Yahei",Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl{float:left}
.fr{float:right}


.main{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 540px;
	margin-bottom: 20px;
}
.img-rounded{
	width: 100%;
	margin-bottom: 10px;
}
.img-list ul{
	overflow: hidden;
}
.img-list li{
	margin-top: 20px;
	list-style: none;
	float: left;
	width: 220px;
	margin-right: 20px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 10px;
	color: #666;
	font-size: 14px;
}
.like:before{
	content: '\2661';
	margin-right: 2px;
	color: red
}
.click{
	float: right;
}
.click:before{
	content: '\2605';
	margin-right: 2px;
	color: #999
}
.page{
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}
.btn-toolbar{
	float: right;
}
#banner{
	position: relative;
	margin-bottom: 30px;
	margin-top: 20px;
}
#banner h1{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 90px;
	width: 800px;
	margin: 0 auto;
	font-size: 38px;
	font-weight: bold;
	color: #eee;
    text-shadow: 0 0 20px #007eff;
}
.inc li{
	padding-top: 10px;
}
.banner{
	height: 250px;
	background-image: url('banner.png');
	background-size: 800px;
	background-position: center;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);

}
#footer{
	color: #666;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	text-align: center;
	border-top: 1px solid #ddd;
}
.video{
	width: 400px;
	display: block;
	float: left;
	margin-left: 100px;
	margin-right: 20px;
}
.video span{
	display: inline-block;
	float: left;
	width: 24%;
	margin-top: 20px;
	border-left: 3px solid #ddd;
	padding-left: 10px;
}
#video{
	width: 100%;
}
.tab-content{
	border: 1px solid #ddd;
	border-top: none;
	padding: 10px;
}
.content-right{
	float: left;
	width: 600px;
	float: right;
	min-height: 360px;
	margin-bottom: 20px;
}
.ovh{
	overflow: hidden;
}
#gif-list{
	overflow: hidden;
}
#gif-list li {
    width: 25%;
    float: left;
    padding: 3px;
}
#gif-list li img{
	width: 100%;
}
.comment{
	display: block;
}
  #home form{
  	margin-top: 10px;
  }
 #home .form-group{
	overflow: hidden;
 }
 .tab-content{
 	overflow: hidden;
 }
 .control-label{
 	font-weight: normal;
 }
 #Marvellous img{
	width: 290px;
	margin-right: 5px;
	margin-bottom: 10px;
 }
 #Marvellous{
 	margin-top: 30px;
 	margin-bottom: 20px;
 }
 @media screen and (max-width: 600px) {
     .main{
     	width: 100%;
     }
     #banner h1{
	    width: 90%;
	    font-size: 26px;     
	}
 .img-list li{
 	width: 90%;
 	margin: 0 auto;
 	float: none;
 	margin-bottom: 20px;
  }
  .video{
  	width: 100%;
  	margin-left: 0;
  	float: none;
  }
	.nav{
		display: block;
	}
  .content-right{
    width: 96%;
    margin: 0 auto;
    float: none;
    margin-top: 90px;

  }
  #Marvellous img{
  	width: 94%;
  	margin: 0 auto;
  	margin-bottom: 20px;
	display: block;
  }
  h1{
  	margin-top: 20px;
  	padding-left: 10px;
  }
}